const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports={
    entry:'./src/main.js', //指定打包入口文件
    output:{
        // path: 输出的目录，__dirname是相对于webpack.config.js配置文件的绝对路径
        path:__dirname+'/dist',
        filename:'build.js' //输出的JS文件名
    },
    module:{
        rules:[
            {
                test:/\.css$/,  //通过正则表达式匹配所有以.css后缀的文件
                use:[
                    // 要使用的加载器，这两个顺序一定不要乱
                    'style-loader',
                    'css-loader'
                ]
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            title: '首页',//生成的页面标题<head><title>首页</title></head>
            filename: 'index.html',// dist目录下生成的文件名
            template: './src/index.html' // 我们原来的index.html，作为模板
        })
    ]
}
;